<style lang="less" scoped>
.musicTop{
	width: 100%;
	overflow: hidden;
	.container{
		width: 94%;
		margin: 0 auto;
		position: relative;
		text-align: center;
		overflow: hidden;
		.back{
			position: absolute;
			width: 10%;
			left: 0;
			top: 10px;
		}
		.title{
			margin-top: 15px;
			color: #b9b3b3;
		}
		.share{
			position: absolute;
			width: 10%;
			right: 0;
			top: 10px;
		}
	}
}
</style>
<template>
	<view class="musicTop">
		<div class="container">
			<div class="back" @click="back">
				<uni-icons type="down" size="30"></uni-icons>
			</div>
			<div class="title">
				<span>歌曲</span>
			</div>
			<div class="share">
				<uni-icons type="undo" size="30"></uni-icons>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		name:"musicTop",
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					animationType: 'slide-in-bottom',
					animationDuration: 2000
				});
			}
		}
	}
</script>
